<template>
	<div class="top">
		<div class="body">
			<el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>收货地址</span>
  
  </div>
  <div style="text-align: left;height: 460px;" v-for="o in 1" :key="o" class="text item" :data="from">
    收货人:<span >{{ from.shoujianren}}</span><br/><br/>
    收货电话: <span>{{from.shoujihao}}</span><br/><br/>
    收货地址:<span>{{ from.shouhuodizhi}}</span><br/><br/>
  </div>
</el-card>
		</div>
	</div>
</template>

<script>
  import httpApi from "@/myaxios/index"
export default {
  data() {
      return {
        from:[]
      }
    },
methods:{
  shouHuo(){
    let id = this.$route.params.id
    httpApi.GerenZhongxin.shouHuo({ id }).then(res => {
				console.log('加载', res.data[0])
				//渲染option列表
				this.from=res.data[0]
  })
}
},

mounted() {
  this.shouHuo()
}



}
</script>

<style lang="scss" scoped>
.nav-bar {
	width: 100%;
	height: 30px;
	background-color: #D3D3D3;
	display: flex;

}

.top {
	position: relative;

	.body {
		position: absolute;
		left: 0px;
		top: 0px;
    .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 799px;
    
  }
	}
}
</style>
